<template>
  <v-ons-page>
    <v-ons-toolbar>
      <div class="left">
        <v-ons-back-button>返回</v-ons-back-button>
      </div>
      <div class="center">模块申请</div>
    </v-ons-toolbar>

    <div class="container">

      <div class='title'>
        <div class='font-big'>
          欢迎进入模块订单管理系统
        </div>
        <div class='font-small'>
          Welcome into the modular management of running errands
        </div>
      </div>

      <div class='form-group'>
        <form method="post">
          <div class="input-group">
            对接模块：
            <select>
              <option value="0">请选择</option>
            </select>
          </div>

          <div class='input-group'>
            <radio-group name="userType" bindchange="userTypeBindChange">
              是否为店铺管理员：
              <v-ons-switch class="switch"></v-ons-switch>
            </radio-group>
          </div>

          <div class='input-group'>
            <input name='wechatID' placeholder='请输入小程序ID号'></input>
          </div>
          <div class='input-group'>
            <input name='appID' placeholder='请输入App ID号'></input>
          </div>
          <div class='input-group'>
            <input name='appName' placeholder='请输入小程序名称'></input>
          </div>
          <div class='input-group'>
            <input name='shopName' placeholder='请输入店铺名称'></input>
          </div>

          <button class='form-btn'>提交申请</button>
        </form>
      </div>

    </div>

  </v-ons-page>
</template>

<script>


  export default {
    data() {
      return {
        tabbarIndex: 1,
      };
    },
    methods: {
      enterPage({path: path}) {
        this.$router.push({
          path: path
        });
      },
    },
  }
</script>

<style scoped lang="less">
  @import "../../assets/less/module/apply.less";
</style>
